<!DOCTYPE html>
<html>
<head>
	<title>断开的下划线</title>
</head>
<body>
	<style type="text/css">
		/*行的宽和高，同一行元素的固定间距，一格内的元素居中*/
		td{
			width: 400px;
			height: 40px;
			text-align: center;
		}
		/*表格格式，无列边框，固定行列间距*/
		table{
			table-layout: fixed;
			border-collapse: collapse;
		}
		
		div{
			border-bottom-width: 3px;
			border-bottom-color: lightskyblue;
			border-bottom-style: solid;
		}
	</style>
		<table cellpadding="3px"> <!--cellpadding为调整表格内间距-->
			<tr>
				<td><div>商品</div></td>
				<td><div>数量</div></td>
				<td><div>价格</div></td>
				<td><div>小记</div></td>
			</tr>
		</table>
</body>
</html>